<template>
  <div class="img-with-text" @click="topicTodetail(tabId,topicItem)">
    <img v-lazy="topicimg"  v-if="topictype=='1'"/>
    <div class="titlefather">
      <div class="titleline"></div>
      <p v-if="topictype==1||topictype==null||topictype==2" class="topiclisttitle">{{title}}</p>
    </div>
    <div class="topiclistfollowheart">
      <p v-if="topictype=='2'">{{pushTime}}</p>
      <p class="yl-2gz"  v-if="topictype=='1'">{{followNumber}}人关注</p>
    </div>
  </div>
</template>
<script>
  export default {
    props:['topictype','followNumber','title','abbreviations','topicimg',"tabId","topicItem","pushTime"],
    methods:{
      topicTodetail(tabId,topicItem){
          this.$emit("topicback",{tabId:tabId,topicItem:topicItem}) 
      }
    }
  }
</script>
<style scoped>
.img-with-text{
  text-align: justify;
  background: #ffffff;
}
.titlefather{
  display: flex
}
.titleline{
  background: #FDDB43;
  width: 3px;
}
.img-with-text img {
  width: 100%;
  display: block;
  height: 4.3rem;
  padding-bottom: 0.56rem
}
.img-with-text p{
  margin: 0
}
.topiclisttitle{
  font-size: 0.4rem;
  color: #3a3a3a;
  padding: 0 0.52rem 0 0.52rem;
  font-family: PingFangSC Medium;
  line-height: 0.56rem
}
.topiclistfollowheart{
  display: flex;
  font-size: 0.24rem;
  color: #999999;
  padding:0.2rem 0 0 0.56rem;
}
.topiclistfollownumber{
  font-size: 0.24rem;
  color: #999999;
}
  
</style>
